<template>
  <div class="addUser-container">
    <div>
      <h3>新增用户</h3>
    </div>
    <div class="addUser">
<!--新增用户界面-->
      <UserForm/>
    </div>
    <TabBarAdmin/>
  </div>
</template>
<script>
import TabBar from "@/components/TabBar.vue"
import UserForm from "@/components/UserForm.vue";
import TabBarAdmin from "@/components/TabBarAdmin.vue";
export default {
  data(){
    return{

  }
},
components: {
  TabBar,
  UserForm,
  TabBarAdmin
}
}
</script>
<style>
.addUser-container{
  width: 100%;
  height: 80vh;
  background-image: url("../public/bg2x.png");
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.addUser-container>div>h3{
 font-weight: bold;
}
.addUser{
  background-color: white;
  width: 90%;
  height: 600px;
  border-radius: 10px;
}
</style>